<style lang="scss" scoped>
.houses_data {
  li {
    height: 0.45rem;
    line-height: 0.45rem;
    .tit {
      width: 0.8rem;
    }
  }
}
</style>

<template>
    <div class="houses_data">
        <ul class="padding-lr15 bgfff">
            <li class="flex-col font-16 border-b">{{houseInfo.housesCompany}}</li>
            <li class="flex-col border-b">
                <div class="c82 tit">楼盘状态</div>
                <div class="box1">在售</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">参考均价</div>
                <div class="box1">{{houseInfo.housesPrice}}元/平</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">最新开盘</div>
                <div class="box1">{{houseInfo.housesSellTime | toTime('yyyy-MM-dd')}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">交房时间</div>
                <div class="box1">{{houseInfo.housesCheckOut | toTime('yyyy-MM-dd')}}</div>
            </li>
        </ul>
        <ul class="padding-lr15 bgfff margin-t10">
            <li class="flex-col border-b">
                <div class="c82 tit">区域位置</div>
                <div class="box1">{{houseInfo.housesDistrictName}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">楼盘地址</div>
                <div class="box1">{{houseInfo.housesAddress}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">售楼地址</div>
                <div class="box1">{{houseInfo.housesAddressSell}}</div>
            </li>
        </ul>
        <ul class="padding-lr15 bgfff margin-t10">
            <li class="flex-col border-b">
                <div class="c82 tit">建筑类型</div>
                <div class="box1">{{houseInfo.housesBulidType}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">产权年限</div>
                <div class="box1">{{houseInfo.housesPropertyYears}}年</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">占地面积</div>
                <div class="box1">{{houseInfo.housesArea}}m*m</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">建筑面积</div>
                <div class="box1">{{houseInfo.housesBulidArea}}m*m</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">容积率</div>
                <div class="box1">{{houseInfo.housesVolume}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">绿化率</div>
                <div class="box1">{{houseInfo.housesAfforest}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">规划户数</div>
                <div class="box1">{{houseInfo.housesPlanNumbers}}户</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">规划车位</div>
                <div class="box1">{{houseInfo.housesPlanCarNumbers}}个</div>
            </li>
        </ul>
        <ul class="padding-lr15 bgfff margin-t10">
            <li class="flex-col border-b">
                <div class="c82 tit">物业类型</div>
                <div class="box1">{{houseInfo.housesManageType}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">物业公司</div>
                <div class="box1">{{houseInfo.housesManageCompany}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">物业费</div>
                <div class="box1">{{houseInfo.housesManageCost}}元/m*m</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">供水方式</div>
                <div class="box1">{{houseInfo.housesWaterType}}</div>
            </li>
            <li class="flex-col border-b">
                <div class="c82 tit">供电方式</div>
                <div class="box1">{{houseInfo.housesElectricityType}}</div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
  name: "houses_data",
  data() {
    return {
      houseInfo: {}
    };
  },
  mounted() {
    let that = this;
    this.$nextTick(() => {
      that.houseInfo = that.getCache("houseInfo");
    });
  }
};
</script>


